<template>
  <div>
    <div class="titletopXX">
      <van-nav-bar
        size="30"
        :title="title"
        left-arrow
        right-text=""
        :fixed="true"
        @click-left="onClickLeft"
      />
    </div>
    <div class="tabs">
      <div class="tab" @click="TZ('i_life_ht_ZGST_CPGL_index')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX1.png')"
          mode=""
        >
        </van-image>
        <div>餐品管理</div>
      </div>
      <div class="tab" @click="TZ('i_life_ht_ZGST_MZCP_index')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX3.png')"
          mode=""
        >
        </van-image>
        <div>每周菜谱管理</div>
      </div>
      <div class="tab" @click="TZ('rvicsharedstation-HT_ZGST_SetCP')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX2.png')"
          mode=""
        >
        </van-image>
        <div>每周接龙管理</div>
      </div>
      <div class="tab" @click="TZ('i_life_ht_ZGST_MZJLTJ_index')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX4.png')"
          mode=""
        >
        </van-image>

        <div>每周接龙统计</div>
      </div>
      <div class="tab" @click="TZ('i_life_ZGST_GQGL')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX5.png')"
          mode=""
        >
        </van-image>
        <div>果切库管理</div>
      </div>
      <div class="tab" @click="TZ('i_life_ZGST_GQSXJ')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX3.png')"
          mode=""
        >
        </van-image>
        <div>果切菜单管理</div>
      </div>
      <div class="tab" @click="TZ('i_life_ZGST_GQTJ')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX4.png')"
          mode=""
        >
        </van-image>

        <div>果切预约统计</div>
      </div>
      <div class="tab" @click="TZ('i_life_ZGST_HMD')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/XX6.png')"
          mode=""
        >
        </van-image>

        <div>黑名单</div>
      </div>
    </div>
  </div>
</template>

<script>
import headerXX from "../../../../components/title.vue";
export default {
  components: { headerXX },
  data() {
    return {
      title: JSON.parse(localStorage.getItem("siteData")).siteName,
    };
  },
  created() {},
  mounted() {},
  methods: {
    TZ(val) {
      this.$router.push({
        name: val,
      });
    },
    onClickLeft() {
      this.$router.push({
        name: "rvicsharedstation-HT_ZGST_index",
      });
    },
  },
};
</script>

<style lang="less" scoped>
@import "../../../../static/css/index.less";
.tabs {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  .tab {
    margin-top: 20px;
    width: 40%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border: 1px rgb(54, 194, 168) solid;
  }
}
</style>